
	
		.tab-menu{
			display: none;
		}

		.tabs > label {
			cursor: pointer;
			background: #ddd;
			color: #777;
			border-radius: 0px 5px 0 0;
			padding:7px 9px 7px 9px;;
			float: left;
			font-weight:100;
			margin-right: 2px;
			font-size: 12px;
			transition: background 0.3s;
    			-moz-transition: background 0.3s;	/* Firefox 4 */
   		    	-webkit-transition: background 0.3s;	/* Safari 和 Chrome */
					  -o-transition: background 0.3s;	/* Opera */
		}

			/* .tabs > label:hover {
				background: #ccc;
			} */

			input:checked + label {
				/* background:-webkit-linear-gradient(#777, #666);	 */
				background:	#fff;		
				color: #777;

			}
			input:checked + label :hover{
				background:	#fff;		
				color: #777;
			}
		.m_panels {
			float: left;
			clear: both;		
			width: 100%;
			background: #fff;
			border: none;
			border-radius: 0px;
			height: 378px;
			max-height: 378px;
			overflow: hidden;
			padding: 20px 2px 20px 2px;
			margin-top:-5px;
			box-shadow: 2px 2px 2px #cccccc;	
		}

			.m_panel {			
				width:99%;				
				background: #fff;
				border-radius: 0 5px 5px 5px;
				padding: 5px 15px 5px 15px;
				box-sizing: border-box;
				opacity: 0.0;
				transition:opacity 0.3s;
				-webkit-transition:opacity 0.3s;
			}

.form-group > label{
			cursor: pointer;
			background: #aaa;
			color: #fff;
			font-weight:100;
			padding: 0.5% 1%;
} 

@media(min-height:800px){
	   .m_panels {		
			height: 489px;
			max-height: 489px;
    }
}